<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
 <head>
  
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

  <title>Heurist Tour</title>

  <link href="../css/heurist.css" rel="stylesheet" type="text/css">
  <link href="../css/my-heurist.css" rel="stylesheet" type="text/css">

  <script language="JavaScript" src="/jquery/jquery.js"></script>
  <script>

	/*
	function toggle($div) {
		if ($div.css("width") == "100%") {
			contract($div);
		} else {
			expand($div);
		}
	}

	function expand($div) {
		$("div.heuristsection").not($div).fadeOut("fast", function() {
			$("div.heuristsection").not($div).hide();
			$div.animate({
				width: "100%",
				height: "420px"
			}, 500);
		});
	};

	function contract($div) {
		$div.animate({
			width: "49.1%",
			height: "200px"
		}, 500, function() {
			$("div.heuristsection").not($div).fadeIn("fast");
		});
	};
	*/

	function toggle($div) {
		if ($div.css("height") === "472px") {
			contract($div);
		} else {
			expand($div);
		}
	}

	function expand($div) {
		var params = {
			"height": "472px"
		};
		if ($div.is("#topleft,#bottomleft")) {
			params["right"] = "0px";
			params["marginRight"] = "40px";
		} else {
			params["left"] = "0px";
			params["marginLeft"] = "40px";
		}

		$(".summary", $div).hide();
		$("div.heuristsection").not($div).fadeOut("fast", function() {
			$("div.heuristsection").not($div).hide();
			$div.animate(params, 500, function() {
				$(".content", $div).show();
				$(".close-button", $div).show();
			});
		});
	}

	function contract($div) {
		var params = {
			"height": "230px"
		};
		if ($div.is("#topleft,#bottomleft")) {
			params["right"] = "50%";
			params["marginRight"] = "5px";
		} else {
			params["left"] = "50%";
			params["marginLeft"] = "5px";
		}

		$(".content", $div).hide();
		$(".close-button", $div).hide();
		$div.animate(params, 500, function() {
			$("div.heuristsection").not($div).fadeIn("fast", function() {
				$(".summary", $div).show();
			});
		});
	}

	$(document).ready(function() {

		// add click handler to popup links
		$("a.popup").click(function() {
			HEURIST.util.popupURL(window, this.href);
			return false;
		});
	});
  </script>

  <style>
	body {
		background-image: url(../img/search-bg.gif);
		background-repeat: repeat-x;
		background-position: 0px 0px;
		margin-left: 0px;
		margin-top: 19px;
		margin-right: 0px;
		margin-bottom: 10px;
		padding: 0px;
	}
	#logo-cell { padding-left: 10px; }
	#quicklink-cell { padding-right: 10px; }
	#tagline {
		font-weight: bold;
		padding: 10px 10px 20px 10px;
	}
	.heuristsection .summary {
		padding-left: 20px;
		padding-right: 10px;
	}
	.heuristsection .content {
		padding-left: 20px;
		padding-right: 20px;
	}
	.summary img, .content img {
		float: left;
		margin: 10px;
	}
	.close-button {
		float: right;
		margin-right: 10px;
		cursor: pointer;
		display: none;
	}
  </style>

 </head>

 <body>

<script src="../js/heurist.js"></script>
<script src="../php/js/heurist-obj-common.php"></script>
<script src="../php/js/heurist-obj-user.php"></script>
<script src="../php/js/display-preferences.php"></script>

<table id="page" class="expander" border="0" cellpadding="0" cellspacing="0">
<tr><td id="header">

<table border="0" cellpadding="0" cellspacing="0" class="expander">
<tbody><tr>
<td rowspan="2" id="logo-cell"><a id="home-link" href=../><img src="../img/hlogo-small.jpg" alt="Heurist" title="Click the logo at top left of any Heurist page to return to your favourites"></a></td>
<td rowspan="2" id="title-cell">

<!-- PAGE TITLE -->
&nbsp;

</td>

<td  id="quicklink-cell" style="vertical-align: baseline;"><nobr>
 <a href="../" style="font-weight: bold;">Back to Heurist</a> |
 <a href="/help">Help</a> |
 <a id="contact-link" href="mailto:info@heuristscholar.org">Contact us</a>
</nobr></td>

</tr>
<tr><td id="menu-cell">



</td></tr>
</tbody></table>
</td></tr>

<tr>
 <td height="109" id="search-cell" style="padding-left:40px; padding-right:40px; color:#FFF; font-weight:bold; font-size:1.6em;">Heurist Tour</td>
 <td></td>
</tr>

</table>

<div id=tagline>Capture, share and manage all your research resources in Heurist's simple web interface - accessible anywhere, anytime.</div>

<div id=section-container>
<!-- Individual Sections -->
<div class="heuristsection" id="topleft">
 <div class="category">
  <img class="close-button" src="../img/white-cross.gif" onclick="toggle($('#topleft'));">
  <a href=# onclick="toggle($('#topleft')); return false;">SEARCH</a>
 </div>
 <div class="summary">
  <img src="../img/tour-search.png">
  <p>Heurist gives you instant access to personal and shared information - from everyday web bookmarks to bibliographic and research data - with free-text and advanced search functions.</p>
  <p><a href=# onclick="toggle($('#topleft')); return false;">more ...</a></p>
 </div>
 <div class="content">
  <img src="../img/tour-search-big.png">
  <p>Wherever you are - from your office desk to an airport lounge in Chicago or an internet cafe in Khatmandu - Heurist's free-text and Advanced searches put your resources at your fingertips. Bookmark anything you come across, then find it with one or two words from the title, by tags or by free text search within records.</p>
  <p>Advanced Search allows exploration of the full Heurist collection and fine-grained selection of sets of records. The Advanced Search query builder builds familiar Google-like syntax for you, extended with many new features, or you can type advanced queries directly in the search box. Searches can be saved for future use, for publishing to web sites or shared with colleagues.</p>
  <p>See also: <a target="_blank" href="/help/index.html?QuickSearch">Quick Search</a></p>
  <p>See also: <a target="_blank" href="/help/index.html?Advanced">Advanced Search</a></p>
 </div>
</div>

<div class="heuristsection" id="topright">
 <div class="category">
  <img class="close-button" src="../img/white-cross.gif" onclick="toggle($('#topright'));">
  <a href=# onclick="toggle($('#topright')); return false;">COLLECTION</a>
 </div>
 <div class="summary">
  <img src="../img/tour-collection.png">
  <p>Import existing bookmarks and bibliographies and collect new research resources as you go.</p>
  <p><a href=# onclick="toggle($('#topright')); return false;">more ...</a></p>
 </div>
 <div class="content">
  <img src="../img/tour-collection-big.png">
  <p>Start your collection by importing your existing bookmarks, bibliographic databases and other research data. Build it by instant bookmarking of web pages, harvesting bookmarks from web pages and importing bibliographic data from libraries. Add new records or edit existing records in form view. Add personal notes, images, documents and other files to any record. Control access to records by workgroups.</p>
  <p>See also: <a target="_blank" href="/help/index.html?ExampleCollection">Example Collection</a></p>
 </div>
</div>

<div class="heuristsection" id="bottomleft">
 <div class="category">
  <img class="close-button" src="../img/white-cross.gif" onclick="toggle($('#bottomleft'));">
  <a href=# onclick="toggle($('#bottomleft')); return false;">COLLABORATE</a>
 </div>
 <div class="summary">
  <img src="../img/tour-blog.png">
  <p>Share resources with workgroups or groups of colleagues you define, find new resources</p>
  <p><a href=# onclick="toggle($('#bottomleft')); return false;">more ...</a></p>
 </div>
 <div class="content">
  <img src="../img/tour-blog-big.png">
  <p>Most resources in Heurist are available to all users, but you can create resources which are only available to members of a workgroup, or visible to everyone but controlled by a workgroup. Use advanced search and social bookmarking to find related material bookmarked by colleagues and bookmark them into your space with a couple of clicks. Build lists of colleagues and notify everyone on your lists about new resource(s) and/or send reminders at specified intervals. Share information without cutting and pasting URLs or sending files.</p>
  <p>See also: <a target="_blank" href="/help/index.html?About20">Groups</a></p>
  <p>See also: <a target="_blank" href="/help/index.html?About10">Share Records</a></p>
 </div>
</div>

<div class="heuristsection" id="bottomright">
 <div class="category">
  <img class="close-button" src="../img/white-cross.gif" onclick="toggle($('#bottomright'));">
  <a href=# onclick="toggle($('#bottomright')); return false;">OUTPUT</a>
 </div>
 <div class="summary">
  <img src="../img/tour-output.png">
  <p>Define, print and publish dynamically-generated sets of resources on your teaching and research web pages: bibliographies, annotated lists, maps, timelines, feeds.</p>
  <p><a href=# onclick="toggle($('#bottomright')); return false;">more ...</a></p>
 </div>
 <div class="content">
  <img src="../img/tour-output-big.png">
  <p>Use tagging and advanced search to identify and sort the resources you need, save them as a search and publish them with the Publish and Map functions. Heurist will render search results in many form - formatted lists with full or partial record data, Google Earth or Google Maps (with timeline), RSS feed, XML, KML etc. - and gives you the HTML code to generate the same output live in your web site. New output styles can be developed easily through stylesheets.</p>
  <p>See also: <a target="_blank" href="/help/index.html?About12">Output Records</a></p>
 </div>
</div>

</div>


</body>
</html>
